html,body{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	font-size:0.3rem;
}
#banner{
	width:100%;
	height:2.5rem;
	margin-top:1.1rem;
	overflow: hidden;
	position: relative;
}
#banner .ban{
	height:2.5rem;
	display: flex;
	overflow: hidden;
	position: absolute;
	left:0;
	z-index: 9998;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#banner .ban li{
	width:100%;
}
#banner img{
	width:100%;
}
#pic_list{
	flex-grow:5;
	background-color:rgba(246,246,246,.95);
/*	margin-top:0.5rem;*/
}
#pic_list .icon{
	display: flex;
	height: 2rem;
	background-color: #fff;
	justify-content: space-around;
	margin:0.23rem 0;
}
#pic_list .icon li{
	width:25%;
	height:100%;
	text-align: center;
	padding-top:0.15rem;
}
#pic_list .icon li a{
	color:#000;
	font-size: 0.25rem;
}
#pic_list .icon li div{
	height:1.1rem;
	margin-bottom: 0.1rem;
}
#pic_list .icon .everyday{
	background:url(../img/everyday.png) no-repeat center;
	background-size:100% 100%;
}
#pic_list .icon .fresh{
	background:url(../img/fresh.png) no-repeat center ;
	background-size:100% 100%;
}
#pic_list .icon .fresh{
	background:url(../img/fresh.png) no-repeat center ;
	background-size:100% 100%;
}
#pic_list .icon .full{
	background:url(../img/full.png) no-repeat center ;
	background-size:100% 100%;
}
#pic_list .icon .ruPin{
	background:url(../img/ruPin.png) no-repeat center ;
	background-size:100% 100%;
}
#pic_list .brand{
	width:100%;
	display: flex;
	height:1.5rem;
}
#pic_list .brand li:nth-of-type(2){
	margin:0 0.02rem;
}
#pic_list .brand li img{
	width:100%;
}
/*第三部分图片*/
#pic_list .store{
	height:5.5rem;
	background-color: #fff;
}
#pic_list .store .sub_pic{
	width:100%;
	display: flex;
	/*flex-direction: column;*/
	justify-content: space-around;
	flex-wrap: wrap;
}
#pic_list .store .sub_pic li:first-child{
	width:100%;
	height:1rem;
}
#pic_list .store .sub_pic li:nth-of-type(2){
	width:45%;
	height:1rem;
}
#pic_list .store .sub_pic li:nth-of-type(3){
	width:45%;
	height:1rem;
}
#pic_list .store .sub_icon{
	width:25%;
	height:1.5rem;
	text-align: center;
	padding-top:1.5rem;
	margin-bottom: 0.2rem;;
	font-size:0.25rem;
}
#pic_list .store .sub_icon a{
		color:#000;
}

#pic_list .store .sub_food{
	width:100%;
	display: flex;
}
#pic_list .store .sub_food li{
	width:50%;
	height:1rem;
	border-top:0.01rem solid #ccc;
	border-right:0.01rem solid #ccc;
	margin-top:0.3rem;
}
#pic_list .store .sub_food li img{
	width:100%;
}
/*主页食物分类列表*/
#food_list{
	width:100%;
	height: 42.8rem;
	/*flex-grow: 8;*/
	background-color: #efefef;
}
#food_list ul{
	display: flex;
	flex-direction: column;
	margin-top:0.2rem;
	/*margin-bottom: 0.2rem;*/
}
#food_list ul li{
	width:100%;
	height:4rem;
	background-color:#fff;
	display: flex;
	flex-direction: column;
	margin-bottom:2.9rem;
}
#food_list ul li:last-child{
	margin-bottom:0.5rem;
}
#food_list ul li .title{
	width:100%;
	height:1rem;
	position: relative;
	padding:0.2rem 0 0 0.15rem;
}
#food_list ul li .title .name{
	color:#F38631;
	font-weight: 700;
	border-left:0.15rem solid #F38631;
	padding-left:0.1rem;
}
#food_list ul li:nth-of-type(even) .name{
	color:#1EB2A3;
}
#food_list ul li .title .more{
	color:#999;
	position: absolute;
	right:0.15rem;
}
#food_list ul li .pic_list{
	width:100%;
	/*height:1rem;*/
}
#food_list ul li .pic_list img{
	width:95%;
	margin: 0.2rem auto;
}
#food_list ul li .cate_list{
	display: flex;
	justify-content: space-around;
	font-size: 0.25rem;
	flex-direction: row;
}
#food_list ul li .cate_list li{
	width:33%;
	border-right:0.01rem solid #CCCCCC;
	line-height: 0.45rem;
	padding-left:0.15rem;
	margin-bottom:0.7rem;
}
#food_list ul li .cate_list li:last-child{
	border-right:none;
}
#food_list ul li .cate_list li .pic img{
	width:90%;
}
#food_list ul li .cate_list li .con{
	position: relative;
}
#food_list ul li .cate_list li .con .des{
	width:90%;
	font-size:0.25rem;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#food_list ul li .cate_list li .con .jingXuan{
	border:0.01rem solid red;
	padding:0.04rem;
	border-radius: 0.09rem;
	color:red;
}
#food_list ul li .cate_list li .con .weight{
	color:#999;
}
#food_list ul li .cate_list li .con .new_price{
	color: #ff3800;
	margin-right:0.1rem;
}
#food_list ul li .cate_list li .con .old_price{
	color: #999;
	text-decoration: line-through;
}
#food_list ul li .cate_list li .con .tianjia{
	width:0.5rem;
	height:0.5rem;
	position: absolute;
	right: 0.1rem;
	bottom:0;
	background: url(../img/add.png) no-repeat ;
	background-size: 100% 100%;
}
